1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2
 
2
 
 
 
 
2
 
2
 
2
2
2
 
 
 
 
1
 
 
 
 
 
 
2
 
 
 
2
 
 
 
2
 
2
 
 
 
 
 
 
 
1
2
 
 
 
 
 
2
 
 
2
 
 
2
2
 
1
 
 
 
2
 
 
1
1
1
 
1
1
 
 
1
1
 
1
 
 
1
 
2
 
 
 
 
 
1
 
1
 
1
 
 
 
 
1
2
2
3
3
3
3
1
 
 
3
3
 
 
 
 
3
 
 
 
1
3
1
 
 
 
1
1
 
 
 
 
 
 
 
1
 
1
1
1
 
1
 
1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
1
 
 
 
 
 
 
 
 
 
 
 
1
 
 
6
6
 
1
 
2
 
1
 
2
 
 
 
 
1
1
 
1
 
 
 
 
1
 
 
 
 
 
 
1
 
 
1
1
 
 
1
1
 
1
1
1
1
1
1
1
 
1
1
 
1
 
 
 
 
/*
example.js
 
quickstart example
 
instruction
    1. save this script as example.js
    2. run the shell command:
        $ npm install npmtest-office-ui-fabric-react && PORT=8081 node example.js
    3. play with the browser-demo on http://127.0.0.1:8081
*/
 
 
 
/* istanbul instrument in package npmtest_office_ui_fabric_react */
/*jslint
    bitwise: true,
    browser: true,
    maxerr: 8,
    maxlen: 96,
    node: true,
    nomen: true,
    regexp: true,
    stupid: true
*/
(function () {
    'use strict';
    var local;
 
 
 
    // run shared js-env code - pre-init
    (function () {
        // init local
        local = {};
        // init modeJs
        local.modeJs = (function () {
            try {
                return typeof navigator.userAgent === 'string' &&
                    typeof document.querySelector('body') === 'object' &&
                    typeof XMLHttpRequest.prototype.open === 'function' &&
                    'browser';
            } catch (errorCaughtBrowser) {
                return module.exports &&
                    typeof process.versions.node === 'string' &&
                    typeof require('http').createServer === 'function' &&
                    'node';
            }
        }());
        // init global
        local.global = local.modeJs === 'browser'
            ? window
            : global;
        // init utility2_rollup
        local = local.global.utility2_rollup || (local.modeJs === 'browser'
            ? local.global.utility2_npmtest_office_ui_fabric_react
            : global.utility2_moduleExports);
        // export local
        local.global.local = local;
    }());
    switch (local.modeJs) {
 
 
 
    // post-init
    // run browser js-env code - post-init
    /* istanbul ignore next */
    case 'browser':
        local.testRunBrowser = function (event) {
            Eif (!event || (event &&
                    event.currentTarget &&
                    event.currentTarget.className &&
                    event.currentTarget.className.includes &&
                    event.currentTarget.className.includes('onreset'))) {
                // reset output
                Array.from(
                    document.querySelectorAll('body > .resettable')
                ).forEach(function (element) {
                    switch (element.tagName) {
                    case 'INPUT':
                    case 'TEXTAREA':
                        element.value = '';
                        break;
                    default:
                        element.textContent = '';
                    }
                });
            }
            switch (event && event.currentTarget && event.currentTarget.id) {
            case 'testRunButton1':
                // show tests
                Eif (document.querySelector('#testReportDiv1').style.display === 'none') {
                    document.querySelector('#testReportDiv1').style.display = 'block';
                    document.querySelector('#testRunButton1').textContent =
                        'hide internal test';
                    local.modeTest = true;
                    local.testRunDefault(local);
                // hide tests
                } else {
                    document.querySelector('#testReportDiv1').style.display = 'none';
                    document.querySelector('#testRunButton1').textContent = 'run internal test';
                }
                break;
            // custom-case
            default:
                break;
            }
            Iif (document.querySelector('#inputTextareaEval1') && (!event || (event &&
                    event.currentTarget &&
                    event.currentTarget.className &&
                    event.currentTarget.className.includes &&
                    event.currentTarget.className.includes('oneval')))) {
                // try to eval input-code
                try {
                    /*jslint evil: true*/
                    eval(document.querySelector('#inputTextareaEval1').value);
                } catch (errorCaught) {
                    console.error(errorCaught);
                }
            }
        };
        // log stderr and stdout to #outputTextareaStdout1
        ['error', 'log'].forEach(function (key) {
            console[key + '_original'] = console[key];
            console[key] = function () {
                var element;
                console[key + '_original'].apply(console, arguments);
                element = document.querySelector('#outputTextareaStdout1');
                Iif (!element) {
                    return;
                }
                // append text to #outputTextareaStdout1
                element.value += Array.from(arguments).map(function (arg) {
                    return typeof arg === 'string'
                        ? arg
                        : JSON.stringify(arg, null, 4);
                }).join(' ') + '\n';
                // scroll textarea to bottom
                element.scrollTop = element.scrollHeight;
            };
        });
        // init event-handling
        ['change', 'click', 'keyup'].forEach(function (event) {
            Array.from(document.querySelectorAll('.on' + event)).forEach(function (element) {
                element.addEventListener(event, local.testRunBrowser);
            });
        });
        // run tests
        local.testRunBrowser();
        break;
 
 
 
    // run node js-env code - post-init
    /* istanbul ignore next */
    case 'node':
        // export local
        module.exports = local;
        // require modules
        local.fs = require('fs');
        local.http = require('http');
        local.url = require('url');
        // init assets
        local.assetsDict = local.assetsDict || {};
        /* jslint-ignore-begin */
        local.assetsDict['/assets.index.template.html'] = '\
<!doctype html>\n\
<html lang="en">\n\
<head>\n\
<meta charset="UTF-8">\n\
<meta name="viewport" content="width=device-width, initial-scale=1">\n\
<title>{{env.npm_package_name}} (v{{env.npm_package_version}})</title>\n\
<style>\n\
/*csslint\n\
    box-sizing: false,\n\
    universal-selector: false\n\
*/\n\
* {\n\
    box-sizing: border-box;\n\
}\n\
body {\n\
    background: #dde;\n\
    font-family: Arial, Helvetica, sans-serif;\n\
    margin: 2rem;\n\
}\n\
body > * {\n\
    margin-bottom: 1rem;\n\
}\n\
.utility2FooterDiv {\n\
    margin-top: 20px;\n\
    text-align: center;\n\
}\n\
</style>\n\
<style>\n\
/*csslint\n\
*/\n\
textarea {\n\
    font-family: monospace;\n\
    height: 10rem;\n\
    width: 100%;\n\
}\n\
textarea[readonly] {\n\
    background: #ddd;\n\
}\n\
</style>\n\
</head>\n\
<body>\n\
<!-- utility2-comment\n\
<div id="ajaxProgressDiv1" style="background: #d00; height: 2px; left: 0; margin: 0; padding: 0; position: fixed; top: 0; transition: background 0.5s, width 1.5s; width: 25%;"></div>\n\
utility2-comment -->\n\
<h1>\n\
<!-- utility2-comment\n\
    <a\n\
        {{#if env.npm_package_homepage}}\n\
        href="{{env.npm_package_homepage}}"\n\
        {{/if env.npm_package_homepage}}\n\
        target="_blank"\n\
    >\n\
utility2-comment -->\n\
        {{env.npm_package_name}} (v{{env.npm_package_version}})\n\
<!-- utility2-comment\n\
    </a>\n\
utility2-comment -->\n\
</h1>\n\
<h3>{{env.npm_package_description}}</h3>\n\
<!-- utility2-comment\n\
<h4><a download href="assets.app.js">download standalone app</a></h4>\n\
<button class="onclick onreset" id="testRunButton1">run internal test</button><br>\n\
<div id="testReportDiv1" style="display: none;"></div>\n\
utility2-comment -->\n\
\n\
\n\
\n\
<label>stderr and stdout</label>\n\
<textarea class="resettable" id="outputTextareaStdout1" readonly></textarea>\n\
<!-- utility2-comment\n\
{{#if isRollup}}\n\
<script src="assets.app.js"></script>\n\
{{#unless isRollup}}\n\
utility2-comment -->\n\
<script src="assets.utility2.rollup.js"></script>\n\
<script src="jsonp.utility2._stateInit?callback=window.utility2._stateInit"></script>\n\
<script src="assets.npmtest_office_ui_fabric_react.rollup.js"></script>\n\
<script src="assets.example.js"></script>\n\
<script src="assets.test.js"></script>\n\
<!-- utility2-comment\n\
{{/if isRollup}}\n\
utility2-comment -->\n\
<div class="utility2FooterDiv">\n\
    [ this app was created with\n\
    <a href="https://github.com/kaizhu256/node-utility2" target="_blank">utility2</a>\n\
    ]\n\
</div>\n\
</body>\n\
</html>\n\
';
        /* jslint-ignore-end */
        Iif (local.templateRender) {
            local.assetsDict['/'] = local.templateRender(
                local.assetsDict['/assets.index.template.html'],
                {
                    env: local.objectSetDefault(local.env, {
                        npm_package_description: 'the greatest app in the world!',
                        npm_package_name: 'my-app',
                        npm_package_nameAlias: 'my_app',
                        npm_package_version: '0.0.1'
                    })
                }
            );
        } else {
            local.assetsDict['/'] = local.assetsDict['/assets.index.template.html']
                .replace((/\{\{env\.(\w+?)\}\}/g), function (match0, match1) {
                    // jslint-hack
                    String(match0);
                    switch (match1) {
                    case 'npm_package_description':
                        return 'the greatest app in the world!';
                    case 'npm_package_name':
                        return 'my-app';
                    case 'npm_package_nameAlias':
                        return 'my_app';
                    case 'npm_package_version':
                        return '0.0.1';
                    }
                });
        }
        // run the cli
        Eif (local.global.utility2_rollup || module !== require.main) {
            break;
        }
        local.assetsDict['/assets.example.js'] =
            local.assetsDict['/assets.example.js'] ||
            local.fs.readFileSync(__filename, 'utf8');
        // bug-workaround - long $npm_package_buildCustomOrg
        /* jslint-ignore-begin */
        local.assetsDict['/assets.npmtest_office_ui_fabric_react.rollup.js'] =
            local.assetsDict['/assets.npmtest_office_ui_fabric_react.rollup.js'] ||
            local.fs.readFileSync(
                local.npmtest_office_ui_fabric_react.__dirname + '/lib.npmtest_office_ui_fabric_react.js',
                'utf8'
            ).replace((/^#!/), '//');
        /* jslint-ignore-end */
        local.assetsDict['/favicon.ico'] = local.assetsDict['/favicon.ico'] || '';
        // if $npm_config_timeout_exit exists,
        // then exit this process after $npm_config_timeout_exit ms
        if (Number(process.env.npm_config_timeout_exit)) {
            setTimeout(process.exit, Number(process.env.npm_config_timeout_exit));
        }
        // start server
        if (local.global.utility2_serverHttp1) {
            break;
        }
        process.env.PORT = process.env.PORT || '8081';
        console.error('server starting on port ' + process.env.PORT);
        local.http.createServer(function (request, response) {
            request.urlParsed = local.url.parse(request.url);
            if (local.assetsDict[request.urlParsed.pathname] !== undefined) {
                response.end(local.assetsDict[request.urlParsed.pathname]);
                return;
            }
            response.statusCode = 404;
            response.end();
        }).listen(process.env.PORT);
        break;
    }
}());
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
 
 
 
 
 
 
 
 
 
 
2
 
2
 
 
 
 
2
 
2
 
2
2
2
 
 
 
 
1
 
 
 
 
 
 
2
 
 
 
2
 
2
 
2
1
 
1
1
1
 
 
 
 
 
/* istanbul instrument in package npmtest_office_ui_fabric_react */
/*jslint
    bitwise: true,
    browser: true,
    maxerr: 8,
    maxlen: 96,
    node: true,
    nomen: true,
    regexp: true,
    stupid: true
*/
(function () {
    'use strict';
    var local;
 
 
 
    // run shared js-env code - pre-init
    (function () {
        // init local
        local = {};
        // init modeJs
        local.modeJs = (function () {
            try {
                return typeof navigator.userAgent === 'string' &&
                    typeof document.querySelector('body') === 'object' &&
                    typeof XMLHttpRequest.prototype.open === 'function' &&
                    'browser';
            } catch (errorCaughtBrowser) {
                return module.exports &&
                    typeof process.versions.node === 'string' &&
                    typeof require('http').createServer === 'function' &&
                    'node';
            }
        }());
        // init global
        local.global = local.modeJs === 'browser'
            ? window
            : global;
        // init utility2_rollup
        local = local.global.utility2_rollup || local;
        // init lib
        local.local = local.npmtest_office_ui_fabric_react = local;
        // init exports
        if (local.modeJs === 'browser') {
            local.global.utility2_npmtest_office_ui_fabric_react = local;
        } else {
            module.exports = local;
            module.exports.__dirname = __dirname;
            module.exports.module = module;
        }
    }());
}());
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
 
 
 
 
 
 
 
 
 
 
 
2
 
2
 
 
 
 
2
 
2
 
2
2
2
 
 
 
 
1
 
 
 
 
 
 
2
 
 
2
 
 
1
 
 
 
1
 
 
1
 
1
 
 
2
 
 
 
 
 
2
2
 
2
 
 
 
 
 
1
 
 
 
 
 
1
 
 
 
 
 
2
2
 
2
 
 
 
 
 
1
 
 
 
 
 
 
1
 
 
 
1
 
 
1
 
 
 
 
 
 
1
 
 
 
 
 
 
1
1
 
 
1
 
 
 
 
 
 
1
1
1
1
1
1
 
 
1
 
 
 
 
2
2
 
 
1
 
 
 
 
 
 
2
2
 
 
1
 
 
 
 
 
 
2
2
 
 
1
 
 
 
 
 
 
2
2
 
 
1
 
 
 
 
 
 
1
1
 
 
 
1
1
 
 
 
 
/* istanbul instrument in package npmtest_office_ui_fabric_react */
/*jslint
    bitwise: true,
    browser: true,
    maxerr: 8,
    maxlen: 96,
    node: true,
    nomen: true,
    regexp: true,
    stupid: true
*/
(function () {
    'use strict';
    var local;
 
 
 
    // run shared js-env code - pre-init
    (function () {
        // init local
        local = {};
        // init modeJs
        local.modeJs = (function () {
            try {
                return typeof navigator.userAgent === 'string' &&
                    typeof document.querySelector('body') === 'object' &&
                    typeof XMLHttpRequest.prototype.open === 'function' &&
                    'browser';
            } catch (errorCaughtBrowser) {
                return module.exports &&
                    typeof process.versions.node === 'string' &&
                    typeof require('http').createServer === 'function' &&
                    'node';
            }
        }());
        // init global
        local.global = local.modeJs === 'browser'
            ? window
            : global;
        switch (local.modeJs) {
        // re-init local from window.local
        case 'browser':
            local = local.global.utility2.objectSetDefault(
                local.global.utility2_rollup || local.global.local,
                local.global.utility2
            );
            break;
        // re-init local from example.js
        case 'node':
            local = (local.global.utility2_rollup || require('utility2'))
                .requireReadme();
            break;
        }
        // export local
        local.global.local = local;
    }());
 
 
 
    // run shared js-env code - function
    (function () {
        return;
    }());
    switch (local.modeJs) {
 
 
 
    // run browser js-env code - function
    case 'browser':
        break;
 
 
 
    // run node js-env code - function
    case 'node':
        break;
    }
 
 
 
    // run shared js-env code - post-init
    (function () {
        return;
    }());
    switch (local.modeJs) {
 
 
 
    // run browser js-env code - post-init
    case 'browser':
        local.testCase_browser_nullCase = local.testCase_browser_nullCase || function (
            options,
            onError
        ) {
        /*
         * this function will test browsers's null-case handling-behavior-behavior
         */
            onError(null, options);
        };
 
        // run tests
        local.nop(local.modeTest &&
            document.querySelector('#testRunButton1') &&
            document.querySelector('#testRunButton1').click());
        break;
 
 
 
    // run node js-env code - post-init
    /* istanbul ignore next */
    case 'node':
        local.testCase_buildApidoc_default = local.testCase_buildApidoc_default || function (
            options,
            onError
        ) {
        /*
         * this function will test buildApidoc's default handling-behavior-behavior
         */
            options = { modulePathList: module.paths };
            local.buildApidoc(options, onError);
        };
 
        local.testCase_buildApp_default = local.testCase_buildApp_default || function (
            options,
            onError
        ) {
        /*
         * this function will test buildApp's default handling-behavior-behavior
         */
            local.testCase_buildReadme_default(options, local.onErrorThrow);
            local.testCase_buildLib_default(options, local.onErrorThrow);
            local.testCase_buildTest_default(options, local.onErrorThrow);
            local.testCase_buildCustomOrg_default(options, local.onErrorThrow);
            options = [];
            local.buildApp(options, onError);
        };
 
        local.testCase_buildCustomOrg_default = local.testCase_buildCustomOrg_default ||
            function (options, onError) {
            /*
             * this function will test buildCustomOrg's default handling-behavior
             */
                options = {};
                local.buildCustomOrg(options, onError);
            };
 
        local.testCase_buildLib_default = local.testCase_buildLib_default || function (
            options,
            onError
        ) {
        /*
         * this function will test buildLib's default handling-behavior
         */
            options = {};
            local.buildLib(options, onError);
        };
 
        local.testCase_buildReadme_default = local.testCase_buildReadme_default || function (
            options,
            onError
        ) {
        /*
         * this function will test buildReadme's default handling-behavior-behavior
         */
            options = {};
            local.buildReadme(options, onError);
        };
 
        local.testCase_buildTest_default = local.testCase_buildTest_default || function (
            options,
            onError
        ) {
        /*
         * this function will test buildTest's default handling-behavior
         */
            options = {};
            local.buildTest(options, onError);
        };
 
        local.testCase_webpage_default = local.testCase_webpage_default || function (
            options,
            onError
        ) {
        /*
         * this function will test webpage's default handling-behavior
         */
            options = { modeCoverageMerge: true, url: local.serverLocalHost + '?modeTest=1' };
            local.browserTest(options, onError);
        };
 
        // run test-server
        local.testRunServer(local);
        break;
    }
}());
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Breadcrumb/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Breadcrumb.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Button/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Button.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Calendar/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Calendar.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Callout/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Callout.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Check/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Check.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Checkbox/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Checkbox.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/ChoiceGroup/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=ChoiceGroup.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./utilities/color/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Color.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/ColorPicker/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=ColorPicker.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/CommandBar/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=CommandBar.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/ContextualMenu/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=ContextualMenu.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/DatePicker/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=DatePicker.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/DetailsList/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=DetailsList.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
2
 
1
 
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Dialog/index", "./components/Dialog/index"], function (require, exports, index_1, index_2) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
    exports.default = index_2.Dialog;
});
 
//# sourceMappingURL=Dialog.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/DocumentCard/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=DocumentCard.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Dropdown/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Dropdown.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Fabric/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Fabric.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Facepile/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Facepile.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/FocusTrapZone/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=FocusTrapZone.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/FocusZone/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=FocusZone.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/GroupedList/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=GroupedList.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Icon/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Icon.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Image/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Image.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Label/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Label.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Layer/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Layer.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Link/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Link.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/List/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=List.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
2
 
1
 
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/MarqueeSelection/MarqueeSelection", "./utilities/selection/index"], function (require, exports, MarqueeSelection_1, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(MarqueeSelection_1);
    __export(index_1);
});
 
//# sourceMappingURL=MarqueeSelection.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/MessageBar/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=MessageBar.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
2
 
1
 
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Modal/index", "./components/Modal/index"], function (require, exports, index_1, index_2) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
    exports.default = index_2.Modal;
});
 
//# sourceMappingURL=Modal.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Nav/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Nav.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Overlay/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Overlay.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Panel/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Panel.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Persona/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Persona.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/pickers/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Pickers.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Pivot/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Pivot.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Popup/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Popup.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/ProgressIndicator/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=ProgressIndicator.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Rating/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Rating.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/SearchBox/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=SearchBox.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./utilities/selection/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Selection.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Slider/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Slider.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Spinner/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Spinner.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/TeachingBubble/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=TeachingBubble.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/TextField/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=TextField.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Toggle/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Toggle.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./components/Tooltip/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Tooltip.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "@uifabric/utilities/lib/index"], function (require, exports, index_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(index_1);
});
 
//# sourceMappingURL=Utilities.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
2
 
 
 
 
 
 
 
 
1
 
 
 
 
 
 
 
 
 
 
1
 
 
1
 
 
 
 
 
 
 
 
 
 
 
1
 
 
 
 
 
1
 
 
 
 
 
 
 
 
 
 
1
 
 
1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
define(["require", "exports", "react", "react-dom", "./VisualTestState", "./utilities/router/index", "./Utilities"], function (require, exports, React, ReactDOM, VisualTestState_1, index_1, Utilities_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    Utilities_1.setBaseUrl('./dist/');
    var rootElement;
    var currentBreakpoint;
    var scrollDistance;
    var requireContext = require.context('./components', true, /Page.visualtest$/);
    // This is mostly taken from the react-website project.
    function _routerDidMount() {
        if (_hasAnchorLink(window.location.hash)) {
            var hash = _extractAnchorLink(window.location.hash);
            var el = document.getElementById(hash);
            var elRect = el.getBoundingClientRect();
            var bodySTop = document.body.scrollTop;
            var currentScrollPosition = void 0;
            currentScrollPosition = bodySTop + elRect.top;
            document.body.scrollTop = currentScrollPosition - scrollDistance;
        }
    }
    function _hasAnchorLink(path) {
        return (path.match(/#/g) || []).length > 1;
    }
    function _extractAnchorLink(path) {
        var split = path.split('#');
        var cleanedSplit = split.filter(function (value) {
            if (value === '') {
                return false;
            }
            else {
                return true;
            }
        });
        return cleanedSplit[cleanedSplit.length - 1];
    }
    function _onLoad() {
        // Load the app into this element.
        rootElement = rootElement || document.getElementById('content');
        ReactDOM.render(React.createElement("div", { style: { display: 'inline-block' } },
            React.createElement(index_1.Router, { onNewRouteLoaded: _routerDidMount }, _getAppRoutes())), rootElement);
    }
    function _getAppRoutes() {
        var routes = [];
        // Create a route for each top level page, and all of its sub pages
        VisualTestState_1.VisualTestState.componentPath.forEach(function (path, pathIndex) {
            var componentNameIndex = path.lastIndexOf('/');
            var name = path.substr(componentNameIndex + 1);
            var url = name.substr(0, name.lastIndexOf('Page.visualtest'));
            routes.push(React.createElement(index_1.Route, { key: pathIndex, path: '#/' + url, getComponent: getPath(path) }));
        });
        return routes;
    }
    function getPath(path) {
        return (function (cb) { return require.ensure([], function () { return cb(requireContext(path).default); }); });
    }
    function _onUnload() {
        if (rootElement) {
            ReactDOM.unmountComponentAtNode(rootElement);
        }
    }
    var isReady = document.readyState === 'interactive' || document.readyState === 'complete';
    if (isReady) {
        _onLoad();
    }
    else {
        window.onload = _onLoad;
    }
    window.onunload = _onUnload;
});
 
//# sourceMappingURL=VisualTestRoot.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.VisualTestState = {
        componentPath: [
            './Button/CommandButtonPage.visualtest',
            './Button/CompoundButtonPage.visualtest',
            './Button/ContextualButtonPage.visualtest',
            './Button/DefaultButtonPage.visualtest',
            './Button/PrimaryButtonPage.visualtest',
            './Checkbox/CheckboxPage.visualtest',
            './ChoiceGroup/ChoiceGroupPage.visualtest',
            './ContextualMenu/ContextualMenuPage.visualtest'
        ]
    };
});
 
//# sourceMappingURL=VisualTestState.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
 
 
 
2
 
1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/**
 * WARNING: This entry should NOT be imported for production purposes. This entry forces every control to be
 * parsed and available at load time, which is not necessary for most cases.
 */
define(["require", "exports", "./Breadcrumb", "./Button", "./Calendar", "./Callout", "./Checkbox", "./ChoiceGroup", "./ColorPicker", "./CommandBar", "./ContextualMenu", "./DatePicker", "./DetailsList", "./Dialog", "./DocumentCard", "./Dropdown", "./Fabric", "./Facepile", "./FocusTrapZone", "./FocusZone", "./GroupedList", "./Icon", "./Image", "./Label", "./Layer", "./Link", "./List", "./MessageBar", "./MarqueeSelection", "./Nav", "./Overlay", "./Panel", "./Pickers", "./Persona", "./Pivot", "./ProgressIndicator", "./Rating", "./SearchBox", "./Slider", "./Spinner", "./TeachingBubble", "./TextField", "./Toggle", "./Tooltip", "./Utilities"], function (require, exports, Breadcrumb_1, Button_1, Calendar_1, Callout_1, Checkbox_1, ChoiceGroup_1, ColorPicker_1, CommandBar_1, ContextualMenu_1, DatePicker_1, DetailsList_1, Dialog_1, DocumentCard_1, Dropdown_1, Fabric_1, Facepile_1, FocusTrapZone_1, FocusZone_1, GroupedList_1, Icon_1, Image_1, Label_1, Layer_1, Link_1, List_1, MessageBar_1, MarqueeSelection_1, Nav_1, Overlay_1, Panel_1, Pickers_1, Persona_1, Pivot_1, ProgressIndicator_1, Rating_1, SearchBox_1, Slider_1, Spinner_1, TeachingBubble_1, TextField_1, Toggle_1, Tooltip_1, Utilities_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(Breadcrumb_1);
    __export(Button_1);
    __export(Calendar_1);
    __export(Callout_1);
    __export(Checkbox_1);
    __export(ChoiceGroup_1);
    __export(ColorPicker_1);
    __export(CommandBar_1);
    __export(ContextualMenu_1);
    __export(DatePicker_1);
    __export(DetailsList_1);
    __export(Dialog_1);
    __export(DocumentCard_1);
    __export(Dropdown_1);
    __export(Fabric_1);
    __export(Facepile_1);
    __export(FocusTrapZone_1);
    __export(FocusZone_1);
    __export(GroupedList_1);
    __export(Icon_1);
    __export(Image_1);
    __export(Label_1);
    __export(Layer_1);
    __export(Link_1);
    __export(List_1);
    __export(MessageBar_1);
    __export(MarqueeSelection_1);
    __export(Nav_1);
    __export(Overlay_1);
    __export(Panel_1);
    __export(Pickers_1);
    __export(Persona_1);
    __export(Pivot_1);
    __export(ProgressIndicator_1);
    __export(Rating_1);
    __export(SearchBox_1);
    __export(Slider_1);
    __export(Spinner_1);
    __export(TeachingBubble_1);
    __export(TextField_1);
    __export(Toggle_1);
    __export(Tooltip_1);
    __export(Utilities_1);
});
 
//# sourceMappingURL=index.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
 
 
 
 
1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var _instanceId = 0;
    var BaseStore = (function () {
        function BaseStore() {
            this._callbacks = {};
        }
        BaseStore.prototype.subscribe = function (onChange) {
            var _this = this;
            var id = _instanceId++;
            this._callbacks[id] = onChange;
            return { dispose: function () { return delete _this._callbacks[id]; } };
        };
        BaseStore.prototype.emitChange = function () {
            for (var id in this._callbacks) {
                if (this._callbacks.hasOwnProperty(id)) {
                    this._callbacks[id]();
                }
            }
        };
        return BaseStore;
    }());
    exports.BaseStore = BaseStore;
});
 
//# sourceMappingURL=BaseStore.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
2
2
 
 
2
 
1
 
 
 
2
 
 
 
 
 
 
 
2
 
 
 
 
 
2
 
 
 
 
 
 
1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __assign = (this && this.__assign) || Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
            t[p] = s[p];
    }
    return t;
};
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
define(["require", "exports", "react", "../Utilities"], function (require, exports, React, Utilities_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    // Track all components that require changes.
    var _changedComponents;
    var ConnectedHost = (function (_super) {
        __extends(ConnectedHost, _super);
        function ConnectedHost(props) {
            var _this = _super.call(this, props) || this;
            _this.state = {
                props: null
            };
            return _this;
        }
        ConnectedHost.prototype.componentWillMount = function () {
            var _this = this;
            if (this.props.storesToSubscribe && this.props.storesToSubscribe.length > 0) {
                if (!this.context.stores) {
                    throw "A connected component was hosted in an environment where no stores were hosted. Use the StoreHost to host components.";
                }
                // Resolve and subscribe to stores.
                this._stores = this.props.storesToSubscribe.map(function (storeKey) {
                    var store = _this.context.stores.getStore(storeKey);
                    if (!store) {
                        throw "The \"" + storeKey.name + "\" store was required by a connected component, but not exposed.";
                    }
                    _this._disposables.push(store.subscribe(_this._onStoreChanged));
                    return store;
                });
            }
            // We can only initialize state at this point, where context has been resolved.
            this.state = {
                props: this._getComponentProps(this.props)
            };
        };
        ConnectedHost.prototype.componentDidMount = function () {
            this._isMounted = true;
        };
        ConnectedHost.prototype.componentWillUnmount = function () {
            this._isMounted = false;
        };
        ConnectedHost.prototype.componentWillReceiveProps = function (newProps) {
            this._updateProps(newProps);
        };
        ConnectedHost.prototype.shouldComponentUpdate = function (newProps, newState) {
            var inputPropsHaveChanged = !Utilities_1.shallowCompare(this.props.componentProps, newProps.componentProps);
            var computedPropsHaveChanged = !Utilities_1.shallowCompare(this.state.props, newState.props);
            var shouldUpdate = inputPropsHaveChanged || computedPropsHaveChanged;
            return shouldUpdate;
        };
        ConnectedHost.prototype.render = function () {
            var Component = this.props.component;
            var props = this.state.props;
            return props ? React.createElement(Component, __assign({}, props)) : null;
        };
        ConnectedHost.prototype._onStoreChanged = function () {
            var storesToSubscribe = this.props.storesToSubscribe;
            if (!storesToSubscribe || storesToSubscribe.length < 2) {
                this._updateProps();
            }
            else if (!this._changeEnqueued) {
                if (!_changedComponents) {
                    _changedComponents = [];
                    this._async.setImmediate(function () {
                        _changedComponents.forEach(function (comp) { return comp._updateProps(); });
                        _changedComponents = null;
                    });
                }
                _changedComponents.push(this);
                this._changeEnqueued = true;
            }
        };
        ConnectedHost.prototype._updateProps = function (props) {
            this._changeEnqueued = false;
            props = this._getComponentProps(props || this.props);
            this.setState({ props: props });
        };
        ConnectedHost.prototype._getComponentProps = function (props) {
            var newProps = Utilities_1.assign({}, props.componentProps, props.getProps.apply(props, [props.componentProps].concat(this._stores)));
            return newProps;
        };
        return ConnectedHost;
    }(Utilities_1.BaseComponent));
    ConnectedHost.contextTypes = {
        stores: React.PropTypes.object
    };
    __decorate([
        Utilities_1.autobind
    ], ConnectedHost.prototype, "_onStoreChanged", null);
    __decorate([
        Utilities_1.autobind
    ], ConnectedHost.prototype, "_updateProps", null);
    exports.ConnectedHost = ConnectedHost;
});
 
//# sourceMappingURL=ConnectedHost.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var DirectionalHint;
    (function (DirectionalHint) {
        /**
         * Appear above the target element, with the left edges of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["topLeftEdge"] = 0] = "topLeftEdge";
        /**
         * Appear above the target element, with the centers of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["topCenter"] = 1] = "topCenter";
        /**
         * Appear above the target element, with the right edges of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["topRightEdge"] = 2] = "topRightEdge";
        /**
         * Appear above the target element, aligning with the target element such that the callout tends toward the center of the screen.
         */
        DirectionalHint[DirectionalHint["topAutoEdge"] = 3] = "topAutoEdge";
        /**
         * Appear below the target element, with the left edges of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["bottomLeftEdge"] = 4] = "bottomLeftEdge";
        /**
         * Appear below the target element, with the centers of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["bottomCenter"] = 5] = "bottomCenter";
        /**
         * Appear below the target element, with the right edges of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["bottomRightEdge"] = 6] = "bottomRightEdge";
        /**
         * Appear below the target element, aligning with the target element such that the callout tends toward the center of the screen.
         */
        DirectionalHint[DirectionalHint["bottomAutoEdge"] = 7] = "bottomAutoEdge";
        /**
         * Appear to the left of the target element, with the top edges of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["leftTopEdge"] = 8] = "leftTopEdge";
        /**
         * Appear to the left of the target element, with the centers of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["leftCenter"] = 9] = "leftCenter";
        /**
         * Appear to the left of the target element, with the bottom edges of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["leftBottomEdge"] = 10] = "leftBottomEdge";
        /**
         * Appear to the right of the target element, with the top edges of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["rightTopEdge"] = 11] = "rightTopEdge";
        /**
         * Appear to the right of the target element, with the centers of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["rightCenter"] = 12] = "rightCenter";
        /**
         * Appear to the right of the target element, with the bottom edges of the callout and target aligning.
         */
        DirectionalHint[DirectionalHint["rightBottomEdge"] = 13] = "rightBottomEdge";
    })(DirectionalHint = exports.DirectionalHint || (exports.DirectionalHint = {}));
});
 
//# sourceMappingURL=DirectionalHint.js.map
 
 

1
2
3
4
5
6
7
8
2
 
 
 
 
 
 
 
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
});
 
//# sourceMappingURL=IAccessiblePopupProps.js.map
 
 

1
2
3
4
5
6
7
8
2
 
 
 
 
 
 
 
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
});
 
//# sourceMappingURL=ISubscribable.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
2
2
 
 
2
 
1
 
 
 
2
 
 
 
 
1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
define(["require", "exports", "react", "../Utilities"], function (require, exports, React, Utilities_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var StoreHost = (function (_super) {
        __extends(StoreHost, _super);
        function StoreHost() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        StoreHost.prototype.getChildContext = function () {
            var parentStores = this.context.stores;
            var currentStores = this.props.stores;
            return { stores: parentStores ? parentStores.merge(currentStores) : currentStores };
        };
        StoreHost.prototype.render = function () {
            return React.Children.only(this.props.children);
        };
        return StoreHost;
    }(Utilities_1.BaseComponent));
    StoreHost.contextTypes = {
        stores: React.PropTypes.object
    };
    StoreHost.childContextTypes = {
        stores: React.PropTypes.object
    };
    exports.StoreHost = StoreHost;
});
 
//# sourceMappingURL=StoreHost.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
 
 
 
1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
define(["require", "exports", "../Utilities"], function (require, exports, Utilities_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var StoreSet = (function () {
        function StoreSet() {
            this._stores = {};
        }
        StoreSet.prototype.add = function (key, value) {
            this._stores[key.id] = value;
            return this;
        };
        StoreSet.prototype.getStore = function (key) {
            return this._stores[key.id];
        };
        StoreSet.prototype.merge = function (stores) {
            var mergedStoreSet = new StoreSet();
            mergedStoreSet._stores = Utilities_1.assign({}, this._stores, stores);
            return mergedStoreSet;
        };
        return StoreSet;
    }());
    exports.StoreSet = StoreSet;
});
 
//# sourceMappingURL=StoreSet.js.map
 
 

1
2
3
4
5
6
7
8
9
2
 
 
 
 
 
 
 
 
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.baseUrl = 'http://localhost:43210/visualtest.html?#/';
});
 
//# sourceMappingURL=VisualTest.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
 
1
 
 
 
 
 
 
 
 
define(["require", "exports", "react", "./ConnectedHost"], function (require, exports, React, ConnectedHost_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    function connect(component, storesToSubscribe, getProps) {
        return function (props) { return (React.createElement(ConnectedHost_1.ConnectedHost, { component: component, componentProps: props, getProps: getProps, storesToSubscribe: storesToSubscribe })); };
    }
    exports.connect = connect;
});
 
//# sourceMappingURL=connect.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
define(["require", "exports", "../Utilities"], function (require, exports, Utilities_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    /**
     * Store keys are a very simple abstraction that maps a string name to an interface type.
     * The enables a type-safe contract for store dependencies when you connect dumb components
     * to stores.
     *
     * @example
     * let selectionKey = storeKey<ISelection>('selection');
     *
     * let stores = new StoreSet()
     *   .add(selectionKey, new Selection());
     *
     * <StoreHost stores={ stores }>
     *   ...
     * </StoreHost>
     *
     * connect(DumbComponent, [ selectionKey ], (props, selection) => ({
     *   isSelected: selection.getSelected(props.item.key)
     * });
     *
     * Note that the "selection" reference in the connect callback would be of type ISelection due
     * to the selectionKey reference, and you will get TypeScript errors by referring to selection
     * member that aren't in that interface.
     */
    exports.storeKey = function (name) { return ({ name: name, id: Utilities_1.getId(name) }); };
});
 
//# sourceMappingURL=storeKey.js.map
 
 

1
2
3
4
5
6
7
8
2
 
 
 
 
 
 
 
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
});
 
//# sourceMappingURL=Breadcrumb.Props.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
2
2
 
 
2
 
1
 
 
 
2
 
 
 
 
 
2
 
 
 
 
 
 
1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
define(["require", "exports", "react", "../../Utilities", "../../FocusZone", "../../ContextualMenu", "../../Link", "../../common/DirectionalHint", "./Breadcrumb.scss"], function (require, exports, React, Utilities_1, FocusZone_1, ContextualMenu_1, Link_1, DirectionalHint_1, styles) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var OVERFLOW_KEY = 'overflow';
    var OVERFLOW_WIDTH = 44;
    var Breadcrumb = (function (_super) {
        __extends(Breadcrumb, _super);
        function Breadcrumb(props) {
            var _this = _super.call(this, props) || this;
            _this._id = Utilities_1.getId('Breadcrumb');
            _this.state = _this._getStateFromProps(props);
            return _this;
        }
        Breadcrumb.prototype.componentDidMount = function () {
            this._updateItemMeasurements();
            this._updateRenderedItems();
            this._events.on(window, 'resize', this._updateRenderedItems);
        };
        Breadcrumb.prototype.componentWillReceiveProps = function (nextProps) {
            this.setState(this._getStateFromProps(nextProps));
            this._breadcrumbItemWidths = null;
        };
        Breadcrumb.prototype.componentDidUpdate = function (prevProps, prevStates) {
            if (!this._breadcrumbItemWidths) {
                this._updateItemMeasurements();
                this._updateRenderedItems();
            }
        };
        Breadcrumb.prototype.render = function () {
            var _this = this;
            var className = this.props.className;
            var _a = this.state, isOverflowOpen = _a.isOverflowOpen, overflowAnchor = _a.overflowAnchor, renderedItems = _a.renderedItems, renderedOverflowItems = _a.renderedOverflowItems;
            var overflowMenuId = this._id + '-overflow';
            var _b = this.props.onRenderItem, onRenderItem = _b === void 0 ? this._onRenderItem : _b;
            return (React.createElement("div", { className: Utilities_1.css('ms-Breadcrumb', className, styles.root), ref: 'renderingArea' },
                React.createElement(FocusZone_1.FocusZone, { direction: FocusZone_1.FocusZoneDirection.horizontal },
                    React.createElement("ul", { className: Utilities_1.css('ms-Breadcrumb-list', styles.list) },
                        renderedOverflowItems && renderedOverflowItems.length ? (React.createElement("li", { className: Utilities_1.css('ms-Breadcrumb-overflow', styles.overflow), key: OVERFLOW_KEY, ref: OVERFLOW_KEY },
                            React.createElement("div", { className: Utilities_1.css('ms-Breadcrumb-overflowButton ms-Icon ms-Icon--More', styles.overflowButton), onClick: this._onOverflowClicked, "data-is-focusable": true, role: 'button', "aria-haspopup": 'true', "aria-owns": isOverflowOpen ? overflowMenuId : null }),
                            React.createElement("i", { className: Utilities_1.css('ms-Breadcrumb-chevron ms-Icon', styles.chevron, Utilities_1.getRTL() ? 'ms-Icon--ChevronLeft' : 'ms-Icon--ChevronRight') }))) : (null),
                        renderedItems.map(function (item, index) { return (React.createElement("li", { className: Utilities_1.css('ms-Breadcrumb-listItem', styles.listItem), key: item.key || String(index), ref: item.key || String(index) },
                            onRenderItem(item, _this._defaultRenderItem),
                            React.createElement("i", { className: Utilities_1.css('ms-Breadcrumb-chevron ms-Icon', styles.chevron, Utilities_1.getRTL() ? 'ms-Icon--ChevronLeft' : 'ms-Icon--ChevronRight') }))); }))),
                isOverflowOpen ? (React.createElement(ContextualMenu_1.ContextualMenu, { targetElement: overflowAnchor, isBeakVisible: true, items: renderedOverflowItems.map(function (item, index) { return ({
                        name: item.text,
                        key: item.key,
                        onClick: item.onClick ? _this._onBreadcrumbClicked.bind(_this, item) : null,
                        href: item.href
                    }); }), id: overflowMenuId, directionalHint: DirectionalHint_1.DirectionalHint.bottomLeftEdge, onDismiss: this._onOverflowDismissed })) : (null)));
        };
        Breadcrumb.prototype._onRenderItem = function (item, defaultRender) {
            return this._defaultRenderItem(item);
        };
        Breadcrumb.prototype._defaultRenderItem = function (item) {
            if (item.onClick || item.href) {
                return (React.createElement(Link_1.Link, { className: Utilities_1.css('ms-Breadcrumb-itemLink', styles.itemLink), href: item.href, onClick: this._onBreadcrumbClicked.bind(this, item) }, item.text));
            }
            else {
                return (React.createElement("span", { className: Utilities_1.css('ms-Breadcrumb-item', styles.item) }, item.text));
            }
        };
        Breadcrumb.prototype._onOverflowClicked = function (ev) {
            this.setState({
                'isOverflowOpen': !this.state.isOverflowOpen,
                'overflowAnchor': ev.currentTarget
            });
        };
        Breadcrumb.prototype._onOverflowDismissed = function (ev) {
            this.setState({
                'isOverflowOpen': false,
                'overflowAnchor': null
            });
        };
        Breadcrumb.prototype._onBreadcrumbClicked = function (item, ev) {
            if (item.onClick) {
                item.onClick(ev, item);
            }
            this.setState({
                'isOverflowOpen': false
            });
        };
        Breadcrumb.prototype._updateItemMeasurements = function () {
            var items = this.props.items;
            if (!this._breadcrumbItemWidths) {
                this._breadcrumbItemWidths = {};
            }
            for (var i = 0; i < items.length; i++) {
                var item = items[i];
                if (!this._breadcrumbItemWidths[item.key]) {
                    var el = this.refs[item.key];
                    this._breadcrumbItemWidths[item.key] = el.getBoundingClientRect().width;
                }
            }
        };
        Breadcrumb.prototype._updateRenderedItems = function () {
            var _a = this.props, items = _a.items, maxDisplayedItems = _a.maxDisplayedItems;
            var renderingArea = this.refs.renderingArea;
            var renderedItems = [];
            var renderedOverflowItems = [].concat(items);
            var consumedWidth = 0;
            var style = window.getComputedStyle(renderingArea);
            var availableWidth = renderingArea.clientWidth - parseInt(style.marginLeft, 10) - parseInt(style.marginRight, 10);
            availableWidth -= OVERFLOW_WIDTH;
            var i;
            var minIndex = Math.max(0, renderedOverflowItems.length - maxDisplayedItems);
            for (i = renderedOverflowItems.length - 1; i >= minIndex; i--) {
                var item = renderedOverflowItems[i];
                var itemWidth = this._breadcrumbItemWidths[item.key];
                if ((consumedWidth + itemWidth) >= availableWidth) {
                    break;
                }
                else {
                    consumedWidth += itemWidth;
                }
            }
            renderedItems = renderedOverflowItems.splice(i + 1);
            this.setState({
                isOverflowOpen: this.state.isOverflowOpen,
                overflowAnchor: this.state.overflowAnchor,
                renderedItems: renderedItems,
                renderedOverflowItems: renderedOverflowItems,
            });
        };
        Breadcrumb.prototype._getStateFromProps = function (nextProps) {
            return {
                isOverflowOpen: false,
                overflowAnchor: null,
                renderedItems: nextProps.items || [],
                renderedOverflowItems: null
            };
        };
        return Breadcrumb;
    }(Utilities_1.BaseComponent));
    Breadcrumb.defaultProps = {
        items: [],
        maxDisplayedItems: 999
    };
    __decorate([
        Utilities_1.autobind
    ], Breadcrumb.prototype, "_onRenderItem", null);
    __decorate([
        Utilities_1.autobind
    ], Breadcrumb.prototype, "_defaultRenderItem", null);
    __decorate([
        Utilities_1.autobind
    ], Breadcrumb.prototype, "_onOverflowClicked", null);
    __decorate([
        Utilities_1.autobind
    ], Breadcrumb.prototype, "_onOverflowDismissed", null);
    __decorate([
        Utilities_1.autobind
    ], Breadcrumb.prototype, "_onBreadcrumbClicked", null);
    exports.Breadcrumb = Breadcrumb;
});
 
//# sourceMappingURL=Breadcrumb.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
define(["require", "exports", "@microsoft/load-themed-styles"], function (require, exports, load_themed_styles_1) {
    "use strict";
    var styles = {
        root: 'root_0a65bb7e',
        list: 'list_0a65bb7e',
        chevron: 'chevron_0a65bb7e',
        listItem: 'listItem_0a65bb7e',
        item: 'item_0a65bb7e',
        itemLink: 'itemLink_0a65bb7e',
        overflow: 'overflow_0a65bb7e',
        overflowButton: 'overflowButton_0a65bb7e',
    };
    load_themed_styles_1.loadStyles([{ "rawString": ".root_0a65bb7e{font-family:\"Segoe UI WestEuropean\",\"Segoe UI\",-apple-system,BlinkMacSystemFont,Roboto,\"Helvetica Neue\",sans-serif;-webkit-font-smoothing:antialiased;margin:23px 0 1px}.list_0a65bb7e{white-space:nowrap;padding:0;margin:0}.chevron_0a65bb7e{font-size:12px;color:" }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": ";vertical-align:top;margin:11px 0;line-height:1}.listItem_0a65bb7e{list-style-type:none;vertical-align:top;margin:0;padding:0;display:inline-block;position:relative}.listItem_0a65bb7e:last-of-type .chevron_0a65bb7e{display:none}.listItem_0a65bb7e .itemLink_0a65bb7e,.listItem_0a65bb7e .item_0a65bb7e{font-family:\"Segoe UI WestEuropean\",\"Segoe UI\",-apple-system,BlinkMacSystemFont,Roboto,\"Helvetica Neue\",sans-serif;-webkit-font-smoothing:antialiased;font-size:21px;font-weight:100;color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";display:inline-block;padding:0 8px;max-width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:top}.overflow_0a65bb7e{display:inline-block;position:relative}.overflowButton_0a65bb7e{font-size:16px;display:inline-block;color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": ";padding:9px 8px;cursor:pointer;vertical-align:top;line-height:1}.overflowButton_0a65bb7e:hover{cursor:pointer;background-color:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": "}.item_0a65bb7e:hover{cursor:default}.root_0a65bb7e .itemLink_0a65bb7e:hover{background-color:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": ";color:initial;cursor:pointer}.root_0a65bb7e .itemLink_0a65bb7e:focus{color:" }, { "theme": "neutralDark", "defaultValue": "#212121" }, { "rawString": "}.root_0a65bb7e .itemLink_0a65bb7e:active{outline:transparent;background-color:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": ";color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": "}.itemLink_0a65bb7e,.overflowButton_0a65bb7e{text-decoration:none;outline:transparent}@media screen and (max-width:639px){.listItem_0a65bb7e .itemLink_0a65bb7e{font-size:17px}.chevron_0a65bb7e{font-size:10px;margin:8px 0}.overflowButton_0a65bb7e{font-size:15px;padding:6px 8px;line-height:1}}@media screen and (max-width:479px){.listItem_0a65bb7e .itemLink_0a65bb7e{font-size:14px;max-width:116px}.chevron_0a65bb7e{font-size:8px;margin:7px 0}.overflowButton_0a65bb7e{padding:4px 6px}}" }]);
    return styles;
});
/* tslint:enable */ 
 
//# sourceMappingURL=Breadcrumb.scss.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
2
2
 
 
2
 
1
 
 
 
2
 
 
 
 
 
1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
define(["require", "exports", "react", "@uifabric/example-app-base", "./examples/Breadcrumb.Basic.Example"], function (require, exports, React, example_app_base_1, Breadcrumb_Basic_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var BreadcrumbBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Breadcrumb/examples/Breadcrumb.Basic.Example.tsx');
    var BreadcrumbPage = (function (_super) {
        __extends(BreadcrumbPage, _super);
        function BreadcrumbPage() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        BreadcrumbPage.prototype.render = function () {
            return (React.createElement(example_app_base_1.ComponentPage, { title: 'Breadcrumb', componentName: 'BreadcrumbExample', exampleCards: React.createElement(example_app_base_1.ExampleCard, { title: 'Simple breadcrumb', code: BreadcrumbBasicExampleCode },
                    React.createElement(Breadcrumb_Basic_Example_1.BreadcrumbBasicExample, null)), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [
                        require('!raw-loader!office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.Props.ts')
                    ] }), overview: React.createElement("div", null,
                    React.createElement("p", null, "Breadcrumbs should be used as a navigational aid in your app or site. They indicate the current page\u2019s location within a hierarchy and help the user understand where they are in relation to the rest of that hierarchy. They also afford one-click access to higher levels of that hierarchy."),
                    React.createElement("p", null, "Breadcrumbs are typically placed, in horizontal form, under the masthead or navigation of an experience, above the primary content area.")), related: React.createElement("a", { href: 'https://dev.office.com/fabric-js/Components/Breadcrumb/Breadcrumb.html' }, "Fabric JS"), bestPractices: React.createElement("div", null), dos: React.createElement("div", null,
                    React.createElement("ul", null,
                        React.createElement("li", null, "Place Breadcrumbs at the top of a page, above a list of items, or above the main content of a page."))), donts: React.createElement("div", null,
                    React.createElement("ul", null,
                        React.createElement("li", null, "Don't use Breadcrumbs as a primary way to navigate an app or site."))), isHeaderVisible: this.props.isHeaderVisible }));
        };
        return BreadcrumbPage;
    }(React.Component));
    exports.BreadcrumbPage = BreadcrumbPage;
});
 
//# sourceMappingURL=BreadcrumbPage.js.map
 
 

1
2
3
4
5
6
7
8
9
10
11
12
2
 
1
 
 
 
 
 
 
 
 
 
define(["require", "exports", "./Breadcrumb"], function (require, exports, Breadcrumb_1) {
    "use strict";
    function __export(m) {
        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
    }
    Object.defineProperty(exports, "__esModule", { value: true });
    __export(Breadcrumb_1);
});
 
//# sourceMappingURL=index.js.map